<script lang="ts" setup>
import {Settings} from '@/plugins/iconify';
import {JcxIconButton} from '@/components/common/shadcn';

import Preferences from './preferences.vue';

const emit = defineEmits<{ clearPreferencesAndLogout: [] }>();

function clearPreferencesAndLogout() {
  emit('clearPreferencesAndLogout');
}
</script>
<template>
  <Preferences @clear-preferences-and-logout="clearPreferencesAndLogout">
    <JcxIconButton>
      <Settings class="text-foreground size-4"/>
    </JcxIconButton>
  </Preferences>
</template>
